@maxSiteWidth: 960px;
@bigText: 2em;
@mediumText: 0.8em;
@bigMargin: 20px;
@smallMargin: 10px;

.centered {
	text-align: center;
}

.wrapper {	
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    font-family: sans-serif;
    hyphens: auto;
	margin: 0 auto;
	width: @maxSiteWidth;

	div
	, footer
	, header {
		padding: 5px 10px;	
	}
}

.shadow {
	box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3);
}

.rounded-corners (@radius: 5px) {
	border: 1px solid rgba(100, 100, 100, 0.4);
	border-radius: @radius;
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
}

header {
	.rounded-corners(10px);
	.shadow;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: @bigText;
	margin-bottom: @smallMargin;
}

footer {
	.centered;
	.rounded-corners;
	.shadow;
    font-family: 'Georgia', serif;
    font-size: @mediumText;
    font-style: italic;
	margin-top: @bigMargin;
}